<template lang="pug">
view
	navbar(@height="height" :type="type")
		view.flex.at.jt(slot="header" style="height:100%")
			view.w33(style="text-align: center") 我的
	view.bg(:style="{'background': 'url('+img+') 100% 100%','paddingTop':(h+30)+'px','background-size': '100%'}" style="padding-bottom:60px")
		view.flex.at
			image.Image(
				src="http://img.duoziwang.com/2018/06/2018010130169489.jpg",
				mode="widthFix",
				style="width:60px;"
			)
			view
				view.f16.c3 林婉
				view.f12.c6.mt10 平台审核信息中
			view.ml.butt.flex
				view.l1(:class="num==0 ? 'active' : ''" @click.stop="select(0)") 接单中
				view.l1(:class="num==1 ? 'active' : ''" @click.stop="select(1)") 暂停中
	view.box.prl10
		view.palist.flex.at(v-for="item,index in list" @click="gourl(item)")
			view.title.flex.at
				image(
					:src="'/static/my/'+(index+1)+'.png'",
					mode="widthFix",
					style="width:24px;margin-right:6px"
				) {{item.name}}
			view.ml.flex.at.por
				view.adg1(v-if="index==1") 9
				u-icon(
					name="arrow-right",color="#666",size="14"
				)
				
</template>

<script>
	import img1 from "@/static/my/bg.png"
	import navbar from "@/components/navbar.vue"
	export default {
		components:{
			navbar
		},
		data() {
			return {
				img:img1,
				h:0,
				type:1,
				num:0,
				list:[
					{name:'费用设置',path:'/pages/my/set'},
					{name:'系统消息',path:'/pages/my/tongzhi'},
					{name:'联系我们'},
					{name:'关于我们',path:'/pages/content/content'},
					{name:'意见反馈',path:'/pages/my/yijian'}
				]
			}
		},
		methods: {
			height(e){
				this.h=e
			},
			gourl(e){
				uni.navigateTo({
					url:e.path
				})
			}
		}
	}
</script>

<style>
	page{
		background: #fff;
	}
	.adg1{background:#F93838 ;color: #fff;font-size: 12px;border-radius: 50%;width: 12px;height: 12px;text-align: center;line-height: 12px;}
.butt{
	background: #fff;
	border-radius: 30px;
}
.active{
	background: #FAC505;
	border-radius: 30px;
	padding:4px 10px;
	color: #fff;
}
.l1{
	padding:4px 10px;
	font-size: 13px;
}
</style>
